<%-- 
    Document   : MenuPrincipal
    Created on : 09-dic-2014, 10:07:50
    Author     : Micaela
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Menu Principal</title>
    </head>
    <body> 
        <html>
	<head>
		<title>Menu Desplegable</title>
		<style type="text/css">
                    body{
                        background-image: url("http://wanderingtrader.com/wp-content/uploads/2012/08/Lagoa-Paraiso-near-Jericoacoara-Brazil.jpg");
                        }
			* {
				margin:0px;
				padding:0px;
			}
			
			#header {
				margin:auto;
				width:500px;
				font-family:Arial, Helvetica, sans-serif;
			}
			
			ul, ol {
				list-style:none;
			}
			.nav {
				width:500px; 
				margin:0 auto; 
			}
			.nav > li {
				float:left;
			}
			
			.nav li a {
				background-color:#000;
				color:#fff;
				text-decoration:none;
				padding:10px 12px;
				display:block;
			}
			
			.nav li a:hover {
				background-color:#434343;
			}
			
			.nav li ul {
				display:none;
				position:absolute;
				min-width:140px;
			}
			
			.nav li:hover > ul {
				display:block;
			}
			
			.nav li ul li {
				position:relative;
			}
			
			.nav li ul li ul {
				right:-140px;
				top:0px;
			}
			
		</style>
	</head>
	<body>
		<div id="header">
			<ul class="nav">
				<li><a href="">Bienvenido !! :)</a></li>
				<li><a href="">Administradores</a>
					<ul>
						<li><a href="AltaCiudad.jsp">Alta de Ciudad</a></li>
						<li><a href="AltaHotel.jsp">Alta de Hotel</a></li>
						<li><a href="AltaHabitacion.jsp">Alta de Habitación</a></li>
						<li><a href="ReservasPorCiudad.jsp">Consultas de Reserva por ciudad</a></li>	
                                                <li><a href="ReservasPorHotel.jsp">Consultas de Reserva por Hotel</a></li>
                                                <li><a href="<%=request.getContextPath()%>/ListarCiudadesS">Lista de Ciudades</a></li>
						
					</ul>
				</li>
				<li><a href="">Cliente</a>
					<ul>
						<li><a href="ConsultadeHoteles.jsp">Consulta de Hoteles</a></li>
						<li><a href="EstadiaPorCiudad.jsp">Consulta de Estadias por Ciudad</a></li>
					</ul>
				</li>
				<li><a href="">Contacto</a></li>
			</ul>
		</div>
	</body>
</html>
    </body>
    
</html>
